<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	request.setAttribute("basePath", basePath);
%>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>登录</title>
<script type="text/javascript"></script>
<link rel="stylesheet" type="text/css"
	href="css/bootstrap/bootstrap.min.css" />
<script src="js/demo-rtl.js"></script>
<link rel="stylesheet" type="text/css"
	href="${basePath}css/libs/font-awesome.css" />
<link rel="stylesheet" type="text/css"
	href="${basePath}css/libs/nanoscroller.css" />
<link rel="stylesheet" type="text/css"
	href="${basePath}css/compiled/theme_styles.css" />
<link
	href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400'
	rel='stylesheet' type='text/css'>
<link type="image/x-icon" href="favicon.png" rel="shortcut icon" />
<!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
<script type="text/javascript">
        /* <![CDATA[ */
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-49262924-2']);
        _gaq.push(['_trackPageview']);

        (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
        '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

        (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in
        b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in
        FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in
        b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var
        b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var
        c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void
        0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
        /* ]]> */
        </script>
</head>

<body id="login-page">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div id="login-box">
					<div id="login-box-holder">
						<div class="row">
							<div class="col-xs-12">
								<header id="login-header">
								<div id="login-logo">
									<img src="img/logo.png" alt="" />
								</div>
								</header>
								<form id="form1" name="form1" method="post"
									action="LoginServlet">
									<div id="login-box-inner">
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-user"></i></span>
											<input name="username" class="form-control" type="text"
												placeholder="UserName">
										</div>
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-key"></i></span>
											<input name="password" type="password" class="form-control"
												placeholder="Password">
										</div>
										<div class="row">
											<div class="col-xs-12">
												<button name="Submit" type="submit"
													class="btn btn-success col-xs-12">Login</button>
											</div>
										</div>

									</div>

								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="config-tool" class="closed">
			<a id="config-tool-cog"> <i class="fa fa-cog"></i>
			</a>
			<div id="config-tool-options">
				<h4>Layout Options</h4>
				<ul>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-header" /> <label
								for="config-fixed-header"> Fixed Header </label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-sidebar" /> <label
								for="config-fixed-sidebar"> Fixed Left Menu </label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-footer" /> <label
								for="config-fixed-footer"> Fixed Footer </label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-boxed-layout" /> <label
								for="config-boxed-layout"> Boxed Layout </label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-rtl-layout" /> <label
								for="config-rtl-layout"> Right-to-Left </label>
						</div>
					</li>
				</ul>
				<br />
				<h4>Skin Color</h4>
				<ul id="skin-colors" class="clearfix">
					<li><a class="skin-changer" data-skin="" data-toggle="tooltip"
						title="Default" style="background-color: #34495e;"> </a></li>
					<li><a class="skin-changer" data-skin="theme-white"
						data-toggle="tooltip" title="White/Green"
						style="background-color: #2ecc71;"> </a></li>
					<li><a class="skin-changer blue-gradient"
						data-skin="theme-blue-gradient" data-toggle="tooltip"
						title="Gradient"> </a></li>
					<li><a class="skin-changer" data-skin="theme-turquoise"
						data-toggle="tooltip" title="Green Sea"
						style="background-color: #1abc9c;"> </a></li>
					<li><a class="skin-changer" data-skin="theme-amethyst"
						data-toggle="tooltip" title="Amethyst"
						style="background-color: #9b59b6;"> </a></li>
					<li><a class="skin-changer" data-skin="theme-blue"
						data-toggle="tooltip" title="Blue"
						style="background-color: #2980b9;"> </a></li>
					<li><a class="skin-changer" data-skin="theme-red"
						data-toggle="tooltip" title="Red"
						style="background-color: #e74c3c;"> </a></li>
					<li><a class="skin-changer" data-skin="theme-whbl"
						data-toggle="tooltip" title="White/Blue"
						style="background-color: #3498db;"> </a></li>
				</ul>
			</div>
		</div>

		<script src="js/demo-skin-changer.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/jquery.nanoscroller.min.js"></script>
		<script src="js/demo.js"></script>
		<script src="js/scripts.js"></script>
</body>
</html>